blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

mark {
    background: inherit;
    color: inherit
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Microsoft Yahei, Tahoma, Helvetica, Arial, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

a {
    color: #555
}

a,
a:hover {
    text-decoration: none
}

img {
    border: none
}

li,
ol,
ul {
    list-style: none
}

i {
    font-style: normal
}

button,
input,
select,
textarea {
    font: 14px Verdana, Helvetica, Arial, sans-serif;
    border: 1px solid #999;
    outline: none
}

table {
    border-collapse: collapse
}

.cf:after {
    content: "";
    display: block;
    clear: both
}

.cf {
    display: inline-table
}

* html .cf {
    height: 1%
}

.cf {
    display: block
}

.fl {
    float: left
}

.fr {
    float: right
}

button {
    cursor: pointer;
    outline: none;
    border: 0
}

@media (min-width:310px) {
    html {
        font-size: 42px
    }
}

@media (min-width:370px) {
    html {
        font-size: 50px
    }
}

@media (min-width:410px) {
    html {
        font-size: 55px
    }
}

.flex {
    display: flex
}

@media (min-width:319px) {
    html {
        font-size: 44px
    }
}

@media (min-width:359px) {
    html {
        font-size: 50px
    }
}

@media (min-width:410px) {
    html {
        font-size: 56px
    }
}

@media (min-width:767px) {
    html {
        font-size: 80px
    }
}

.header {
    height: 1.3rem;
    width: 100%;
    background: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0
}

.in-box {
    padding: 0 .4rem;
    justify-content: space-between
}

.header .logo {
    height: .63rem;
    margin-top: .32rem
}

.header .logo img {
    display: block;
    height: 100%
}

.header .menu-btn {
    height: .44rem;
    margin-top: .32rem;
    padding-left: .2rem;
    border-left: 2px solid #eee
}

.header .menu-btn img {
    display: block;
    height: 100%
}

.model .nav {
    background: #fff;
    width: 100%;
    padding: 0 .42rem;
    margin-top: 1.3rem;
    border-top: 1px solid #eee
}

.model {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 998
}

.model .nav a {
    display: flex;
    color: #333;
    font-size: .28rem;
    line-height: 1rem;
    border-bottom: 1px solid #eee;
    align-items: center;
    justify-content: space-between
}

.model .nav img {
    width: .14rem;
    height: .25rem
}

.model .nav .router-link-exact-active {
    color: #1c3b95
}

.footer {
    background: #2b2b36;
    color: #2b2b36;
    padding-bottom: .7rem
}

.footer .f-nav {
    font-size: .28rem;
    color: hsla(0, 0%, 80%, .8)
}

.footer .f-nav a {
    color: #fff;
    line-height: 1rem;
    display: flex;
    border-bottom: 1px solid #535363;
    justify-content: space-between;
    align-items: center
}

.footer .f-nav a img {
    width: .14rem;
    height: .25rem
}

.footer .friend-link {
    font-size: .28rem;
    color: #ccc;
    margin-top: .4rem
}

.footer .friend-link .f-item {
    margin-right: .2rem
}

.footer .friend-link .f-item:hover {
    color: #fff
}

/* .footer .code {
    width: 3.36rem;
    height: 3.36rem;
    background: #fff;
    padding: .2rem;
    margin-top: .7rem
} */

/* .footer .code img {
    display: block;
    width: 100%;
    height: 100%
} */

.footer .tell-us {
    color: #ccc;
    margin-top: .4rem;
    font-size: .28rem;
    line-height: .58rem
}

.footer .c-width {
    padding: 0 .4rem;
    box-sizing: border-box
}

.i-title h3[data-v-3d8fa728] {
    height: .58rem;
    font-size: .44rem;
    font-weight: 700;
    line-height: .58rem;
    color: #333;
    text-align: center
}

.i-title h4[data-v-3d8fa728] {
    font-size: .32rem;
    color: #999;
    margin-top: .06rem;
    line-height: .32rem;
    text-align: center
}

.i-title .f-line[data-v-3d8fa728] {
    width: .9rem;
    height: .06rem;
    background: #1c3b95;
    margin: .12rem auto 0
}

.i-title .s-line[data-v-3d8fa728] {
    width: 100%;
    height: 1px;
    background: #eee
}

.index .swiper {
    width: 100%;
    height: 6.4rem
}

.index .swiper img {
    display: block;
    width: 100%
}

.index .c-width {
    padding: 0 .4rem
}

.index .gk {
    padding-top: .5rem;
    background: url(../img/p_gk_01img@2x.4d3e37b3.png) no-repeat;
    background-size: cover;
    padding-bottom: 1.4rem
}

.index .gk-hint {
    color: #999;
    text-align: center;
    margin-top: .2rem;
    font-size: .32rem;
    margin-bottom: .44rem
}

.index .gk-hint p {
    line-height: .38rem
}

.index .gk-hint span {
    font-size: .28rem;
    margin-top: .1rem
}

.index .gk-item {
    width: 100%;
    position: relative;
    margin-bottom: .4rem
}

.index .gk-item .context-box {
    position: absolute;
    box-sizing: border-box;
    padding: .4rem;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: .28rem;
    color: #333;
    overflow: hidden
}

.index .gk-item .context-box .title {
    font-size: .44rem;
    color: #1c3b95;
    font-weight: 700;
    margin-bottom: .2rem;
    padding: 0 .1rem .1rem;
    border-bottom: 1px solid #eee;
    display: inline-block
}

.index .gk-item .context-box .context {
    height: 1.74rem;
    line-height: .56rem;
    overflow: hidden
}

.index .gk-item .context-box a {
    color: #999;
    font-size: .32rem;
    display: block;
    margin-top: .16rem
}

.index .product {
    padding-top: .6rem;
    background: url(../img/cp_bg.03755ce0.png) no-repeat;
    background-size: cover
}

.index .product-list {
    margin-top: .9rem
}

.index .pro-item-list {
    justify-content: space-between;
    flex-wrap: wrap
}

.index .pro-item-list .pro-item {
    width: 3.2rem;
    text-align: center
}

.index .pro-item-list .pro-item img {
    width: 3.2rem;
    height: 2.8rem
}

.index .pro-item-list {
    height: 7.4rem;
    overflow: hidden
}

.index .pro-item-list .pro-item .pro-name {
    line-height: .88rem;
    font-size: .28rem
}

.index .product-list .el-carousel__arrow {
    background: transparent;
    font-size: 50px;
    height: 60pxl;
    color: #ccc;
    top: 40%
}

.index .news {
    padding: 1rem 0
}

.index .news .news-list {
    margin-top: .4rem
}

.index .news .news-list .news-item {
    width: 100%;
    cursor: pointer;
    margin-bottom: .48rem
}

.index .news .news-list .news-item img {
    width: 100%
}

.index .news .news-list .news-item .name {
    font-size: .32rem;
    font-weight: 700;
    margin-top: .2rem;
    color: #333
}

.index .news .news-list .news-item .name:hover {
    color: #1c3b95
}

.index .news .news-list .news-item .sub-title {
    font-size: .28rem;
    line-height: .28rem;
    color: #666;
    margin-top: .16rem
}